<gm:page title="Accès id Element Html avec getElementById " authenticate="false">
 
  
     <!-- getElementById()
     Accède, conformément à la variante HTML du modèle DOM, à un élément 
     HTML qui possède un attribut id. 
     
     Exemple ci-dessous, contient un titre N°1 avec l'attribut id="indecis".
     Au dessous sont notés trois liens. Chacun des liens fait appel à la 
     fonction "aligner()"qui est notée dans l'entête de fichier et lui 
     transmettent pour chacun d'eux une valeur différente. Dans la fonction
     "aligner()" il est accédé grâce à "document.getElementById("indecis")"
     au titre N°1. La fonction attribue à la propriété "align" la valeur 
     respectivement transmise. C'est ainsi que l'alignement du titre est 
     modifié de façon dynamique.
 
     Attention: 
     La méthode "getElementById()" régit en fin de compte l'accès aux 
     éléments HTML. Pour savoir ce que vous pouvez faire avec quels 
     éléments HTML, vous pouvez avoir une vue d'ensemble dans la partie 
     sur les  Objets éléments HTML . Les autres possibilités d'influencer
     de façon dynamique les éléments HTML sont offertes par l'objet "node".
     
     Vous pouvez également transmettre des variables à cette méthode. Pour 
     ce faire, notez simplement les noms de variables sans guillemets à la 
     place d'une valeur fixe par exemple "getElementById(nom de variable)".
     La condition préalable en est cependant que la variable existe aussi.
 
     Opera 5.12 connaît également la méthode "getElementById()" pour 
     adresser des éléments. L'exemple ci-dessous ne fonctionne cependant 
     pas avec ce navigateur. -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
 
     <style type="text/css"> 
    
     .normal { font-style:normal }
     
     </style>
 
     <script type="text/javascript">
     <!-- 
     function aligner(comment) { 
      document.getElementById("indecis").align = comment;
     }
     //-->
     </script>      
                  
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY>
 
     <h1 id="indecis">Où est donc ma place?</h1>
 
     <A href="javascript:aligner('left')">à gauche?</A><br>
     <A href="javascript:aligner('center')">au centre?</A><br>
     <A href="javascript:aligner('right')">à droite?</A><br> 
 
              
        
  
     </BODY>
 
</gm:page>






